﻿<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>登录</title>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/common.css}" rel="stylesheet">
    <link th:href="@{/css/user.css}" rel="stylesheet">


</head>
<body>
<div class="container" style="background:white">
    <div th:replace="~{commons/common::header}"></div>
    <div th:replace="~{commons/common::topbar}"></div>
    <div class="row">
        <div class="col-md-offset-3 col-md-5 col-sm-12 ">
            <div class="login-box" th:if="${#strings.isEmpty(session.loginUser)}">
                <div class="login-innerbox">
                    <h2>会员登陆</h2>
                    <p style="color:red; text-align: center; margin-bottom:8px; font-size: 20px" th:text="${loginMsg}"
                       th:if="${not #strings.isEmpty(loginMsg)}"></p>
                    <!--表单-->
                    <form class="form-horizontal" th:action="@{/login}" action="" method="post" id="login-form">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">用户名</label>
                            <div class="col-sm-8">
                                <input type="text" name="username" class="form-control" placeholder="请输入用户名"
                                       autocomplete="off">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">密码</label>
                            <div class="col-sm-8">
                                <input type="password" name="password" class="form-control" placeholder="请输入密码"
                                       autocomplete="off">
                            </div>
                        </div>
                        <div class="form-group" style="margin-top: 15px">
                            <div class="col-sm-offset-3 col-md-3 col-sm-8">
                                <button type="button" class="btn btn-primary btn-lg btn-block" id="btn-login">登陆
                                </button>
                            </div>
                            <div class="col-md-3 col-sm-8">
                                <button type="button" class="btn btn-default btn-lg btn-block" id="btn-reg">注册</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>


            <!--END表单-->
        </div>
        <!--        <div class="col-md-4 col-sm-12">

                </div>-->

    </div>
    <div th:replace="~{commons/common::footer}"></div>
</div>

</body>

<script th:src="@{/js/jquery-1.11.0.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/button.js}"></script>
</html>







